<head>

	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<link rel="stylesheet" href="/BackEndRecursosHumanos/app/webroot/css/smoothness/jquery-ui-1.10.3.custom.min.css" />
	  	<script src="/BackEndRecursosHumanos/app/webroot/js/globalize.js"></script>
  	<script src="/BackEndRecursosHumanos/app/webroot/js/moment.min.js"></script>
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	

	<script>
		function seteo_variables()
		{
			
			var fecha_date_desde = moment(new Date(<?php echo ($fecha_menu+86400)*1000;?>));
			$('#fecha_menu').text(fecha_date_desde.format("MM/DD/YYYY"));


			
		}
	</script>
	<script>
		$(function() 
		{
			$( ".date-picker" ).datepicker(
			{
	    		dateFormat: 'mm/dd/yy',
	    		changeMonth: true,
				changeYear: true
	    	});
	    	$( "#accordion" ).accordion(
    		{
    			 heightStyle: "content",
    			 collapsible: true
    		});
    		
    		 
		});
		
		
	</script>
</head>
<body onload="seteo_variables();">
	
	<center>
		<fieldset>
			<legend>Detalle Menu</legend>
			
				
				<?php echo $this->Form->create("menu_dias");
				 
				 ?>
				 
				 
				<table>
					<tr>
						<center>
						<td>
							<center>
							<table style ="width: 50%" >
								<tr>
									<td style="text-align: right">
										Fecha:
									</td>
									<td style ="vertical-align: middle">
										<label id="fecha_menu"></label>
									</td>
								</tr>
								<tr>
									<td style="text-align: right">
										Tipo Menu:
									</td>
									<td style ="vertical-align: middle">
										<?php echo $Todos_Menus[0]['TM']['nombre_tipo_menu']?>
									</td>
								</tr>
								<tr>
									<td style="text-align: right">
										Sede:
									</td>
									<td style ="vertical-align: middle">
										<?php echo $Todos_Menus[0]['S']['nombre_sede']?>
									</td>
								</tr>

							</table>
							</center>
						</td>
						
						
							<td>
								
								 <div id="accordion">
									  <?php 
									  	$variable_control = 0;
									  	foreach ($Todos_Tipo_Comidas as $Tipo_Comida) 
									  	{
											  echo '<h3>'.$Tipo_Comida['TipoComida']['nombre_tipo_comida'].'</h3>';
											  echo '<div>';
											  echo '<p>';
											  echo '<table>';
											  echo '<tr>';
											  echo '<td style="text-align: center; vertical-align: middle;">';
											  echo '<div>';
											  echo '<ol id="selectable"  style="text-align: center; width: 100%;" class="selectable">';
											  
											  
											  foreach ($Todos_Comidas as $Comida) 
											  {
											  		foreach ($Comida_Menus as $Menu_del_Dia)
													{
														if ($Comida['Comida']['id'] == $Menu_del_Dia['CM']['comida_id'])
														{
											  				if ($Comida['Comida']['tipo_comida_id'] == $Tipo_Comida['TipoComida']['id'])
															{
																echo '<ol id="'. $Comida['Comida']['id'].'"  >'.$Comida['Comida']['nombre_comida'].'</ol>';
																$variable_control = 1;
																break;
															}	
														}
													}
													
											  }
											  if($variable_control == 1)
											  {
													$variable_control = 0;
											  }
											  else 
											  {
											  		echo '<ol style="font-style: italic;"><b>NO HAY COMIDA</b></ol>';
											  }	
											  
											  
											  
											  echo '</ol>';
											  echo '</div>';
											  echo '</td>';
											  echo '</tr>';
											  echo '</table>';
											  echo '</p>';
											  echo '</div>';
											  
										}
											  
									  ?>
									  
									</div>
								
							</td>
						

						
					</center>
					</tr>
					
				</table>
				
		
		</fieldset>
	</center>
</body>